<template>
  <div>
    <navSearch :show-before="false" :formList="formList" @btnSearch="btnSearch">
      </navSearch>
    <el-button type="primary" size="medium" @click="$router.back()" class="btn">返回推广列表</el-button>
    <el-row :gutter="30" style="margin-bottom:15px" >
        <el-col :span="4">
          <el-card shadow="never">
            店铺数量：{{ 6666666 }}
          </el-card>
        </el-col>
        <el-col :span="4">
          <el-card shadow="never">
            共享店铺数量：{{ 888888 }}
          </el-card>
        </el-col>
        <el-col :span="4">
          <el-card shadow="never">
            销售总额：{{ 5000000 }}
          </el-card>
        </el-col>
      </el-row>
      <el-table
        :data="auditData"
        style="width: 100%"
        max-height="650">
        <el-table-column
          fixed
          prop="storeSerialNumber"
          label="店铺ID"
          width="275">
        </el-table-column>
        <el-table-column
          prop="storeName"
          label="店铺名称"
          width="275">
        </el-table-column>
        <el-table-column
          prop="storeSite"
          label="店铺地址"
          width="275">
        </el-table-column>
        <el-table-column
          prop="phone"
          label="店铺联系电话"
          width="275">
        </el-table-column>
        <el-table-column
          prop="promoterDate"
          label="推广开店日期"
          width="275">
          <template slot-scope="obj">
            {{ obj.row.promoterDate | formatDate }}
          </template>
        </el-table-column>
        <el-table-column
          prop="earnings"
          label="推广收益"
          width="275">
        </el-table-column>
      </el-table>
  </div>
</template>

<script>
export default {
  name: 'spreadDetails',
  data () {
    return {
      formList: {
        goods: true,
        earnings: true
      },
      auditData: [
        {
          storeSerialNumber: 666666,
          storeName: '火火辣椒店',
          storeIndustry: '零售业',
          storeSite: '湖南省长沙市',
          phone: 18911111111,
          promoterDate: '2021-8-18 20:20:20',
          earnings: '100元'
        },
        {
          storeSerialNumber: 888888,
          storeName: '孙记烧腊',
          storeIndustry: '餐饮业',
          storeSite: '湖南省长沙市',
          phone: 19999999999,
          promoterDate: '2021-01-1 20:20:20',
          earnings: '100元'
        },{
          storeSerialNumber: 666666,
          storeName: '火火辣椒店',
          storeIndustry: '零售业',
          storeSite: '湖南省长沙市',
          phone: 18911111111,
          promoterDate: '2021-8-18 20:20:20',
          earnings: '100元'
        },{
          storeSerialNumber: 666666,
          storeName: '火火辣椒店',
          storeIndustry: '零售业',
          storeSite: '湖南省长沙市',
          phone: 18911111111,
          promoterDate: '2021-8-18',
          earnings: '100元'
        },
      ]
    }
  },
  methods:{
    btnSearch() {
      alert(`11`)
    }
  }
}
</script>

<style scoped>
.btn{
  margin:  10px 10px 10px 0;
}
</style>
